<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>看看网</title>
    <link rel="stylesheet" href="/static/css/it_mjj/index.css">
    <script type="text/javascript" src="/static/js/it_mjj/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/static/js/it_mjj/jquery-1.7.2.min.js"></script>

</head>
<body>
    <div id="part1-index">
        <div class="first-line">
            <div class="site-nav">
                <span class="sn-line">
                    <a href="">首页</a>
                    <em>欢迎来到看看网</em>
                </span>
                <span class="sn-info">
                    <a class="sn-login" href="" target="top">登录</a>
                    <a class="sn-register" href="" target="top">免费注册</a>
                    <a class="sn-home" href="">个人中心</a>
                </span>
            </div>
        </div>
        <div class="search">
            <div class="s-button">
                <a><button>全部文章</button></a>
                <a><button>意见领袖</button></a>
                <a><button>智能推荐</button></a>
            </div>
            <form action="/handler/" method="POST" class="s-one">
                <div class="s-one-1"><input type="text" id="s-one-write" name="text"></div>
                <div class="s-one-2"><button class="s-one-car" type="submit"></button></div>
            </form>
        </div>
        <div class="option">
            <form class="op" action="screen" method="POST">
                <div id="demo1" class="op-one">
                    <div class="op-one-title">
                        <p>常见分类</p>
                    </div>
                    <div class="op-one-op radio1">
                        <ul id="list1">
                            <li class="select-all selected" id="active" value="" name="sify">不限</li>
                            <li value="1" name="sify">新闻时政</li>
                            <li value="2" name="sify">互联网</li>
                            <li value="3" name="sify">美食</li>
                            <li value="4" name="sify">时尚搭配</li>
                            <li value="5" name="sify">汽车</li>
                            <li value="6" name="sify">健康养生</li>
                            <li value="7" name="sify">广告/营销</li>
                        </ul>
                    </div>
                    <div class="op-one-button">
                        <a class="op-bu1" href="">多选</a>
                        <a class="op-bu2" href="">更多</a>
                    </div>
                </div>
                <div class="op-one">
                    <div class="op-one-title">
                        <p>地区分布</p>
                    </div>
                    <div class="op-one-op">
                        <ul id="list2">
                            <li class="select-all selected" id="active" value="" name="place">不限</li>
                            <li value="1">北京</li>
                            <li value="2">深圳</li>
                            <li value="3">广州</li>
                            <li value="4">上海</li>
                            <li value="5">天津</li>
                            <li value="6">长沙</li>
                            <li value="7">武汉</li>
                        </ul>
                    </div>
                    <div class="op-one-button">
                        <a class="op-bu2" href="">更多</a>
                    </div>
                </div>
                <div class="op-one">
                    <div class="op-one-title">
                        <p>头条价格</p>
                    </div>
                    <div class="op-one-op">
                        <ul id="list3">
                            <li class="select-all selected" id="active" value="" name="money">不限</li>
                            <li value="1">200元以下</li>
                            <li value="2">200-500元</li>
                            <li value="3">500-1000元</li>
                            <li value="4">1000-2500元</li>
                            <li value="5">2500-5000元</li>
                            <li value="6">5000元以上</li>
                        </ul>
                    </div>
                    <div class="op-one-button">
                        <a class="op-bu2" href="">更多</a>
                    </div>
                </div>
                <div class="op-one">
                    <div class="op-one-ti">已选择:</div>
                    <div class="op-display">
                        <ul class="list">
                            <li id="select-no1" class="showd">111</li>
                            <li id="select-no2" >222</li>
                            <li id="select-no3" >333</li>
                        </ul>
                    </div>
                    <div class="op-one-bu3"><button id="empty"><a href="#">清空筛选条件</a></button></div>
                    <div class="op-one-bu3"><button id="empty" type="submit">确定</button></div>
                </div>
            </form>
        </div>
        <div class="list">
            <div class="list-function">
                <div class="li-func-choice">
                    <a href=""><input type="radio">优质文章</a>
                    <a href=""><input type="radio">关注文章</a>
                </div>
                <div class="li-func-order">
                    <a href=""><button>粉丝数</button></a>
                    <a href=""><button>价格</button></a>
                    <a href=""><button>更新时间</button></a>
                    <a href=""><button>文章数量</button></a>
                </div>
            </div>
        </div>
        <div class="site">

            {% for ar in art %}
                <form class="site-b" action="/site_see/" method="POST">
                    {% csrf_token %}
                    <div class="site-one">
                        <div class="site-one-letter">
                            <div class="letter-picture">
                                <img src="{{ ar.a_cover }}">
                            </div>
                            <div class="letter-name">
                                <p class="name-one">{{ ar.a_title }}</p>
                                <p class="name-two">{{ ar.a_author }}</p>
                                <p class="name-two">{{ ar.a_abstract }}</p>
                            </div>
                            <div class="letter-data">
                                <p>关注数：1</p>
                                <p>点击量：2</p>
                                <p>周频率：3</p>
                            </div>
                            <div class="letter-price">
                                <p>站点：{{ ar.site__si_name }}</p>
                                <p>价格：{{ ar.site__si_score }} 积分</p>
                            </div>
                            <div class="letter-time">
                                <p>{{ ar.a_date }}</p>
                            </div>
                            <div class="letter-launch">
                                <a href="">详情</a>
                                <a href="{{ ar.site__si_web }}">投放</a>
                            </div>
                        </div>
                    </div>
                </form>
            {% endfor %}

        </div>
    </div>
    <script type="text/javascript" src="/static/js/it_mjj/index.js"></script>
</body>
</html>